<template>
  <div>
    <van-panel :title="msgData.title " :status="msgData.date">
      <div>{{msgData.content}}</div>
    </van-panel>
  </div>
</template>

<script>
export default {
  name: "",
  props: ["msgData"],
  data() {
    return {};
  },

  methods: {}
};
</script>

<style lang="less" scoped>
.van-panel {
  width: calc(100% - 20px);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  border-radius: 5px;
  color: #fff;
  .van-cell {
    background: transparent;
  }
  .van-cell:not(:last-child)::after {
    border: 0;
  }

  .van-cell__title,
  .van-cell__value {
    font-size: 14px;
    color: #fff;
  }
  .van-panel__header-value {
    font-size: 13px;
    color: #a7a7a7;
  }
  .van-panel__content {
    padding: 0px 15px 10px;
    font-size: 13px;
    color: #a7a7a7;
  }
}
.van-hairline--top-bottom::after,
.van-hairline-unset--top-bottom::after {
  border-width: 0;
}
</style>
